<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    <head>
        <meta charset="utf-8" />
        <!-- Set the viewport width to device width for mobile -->
        <meta name="viewport" content="width=device-width" />

        <title>Matematicas interactivas Unillanos - PREU</title>

        <!-- Included CSS Files (Compressed) -->
        <link rel="stylesheet" href="stylesheets/foundation.min.css">
        <link rel="stylesheet" href="stylesheets/main.css">
        <link rel="stylesheet" href="stylesheets/app.css">

        <script src="javascripts/modernizr.foundation.js"></script>

        <link rel="stylesheet" href="ligature.css">

        <!-- Google fonts -->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' />

        <!-- IE Fix for HTML5 Tags -->
        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    </head>

    <body>
        <div id="fb-root"></div>
        <script>(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                    return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
        <!-- ######################## Main Menu ######################## -->
        <nav>
            <div class="twelve columns header_nav">
                <div class="row">
                    <ul id="menu-header" class="nav-bar horizontal">
                        <li class="active"><a href="index.html">Inicio</a></li>
                        <li class="has-flyout">
                            <a href="#">Temas por aprender</a><a href="#" class="flyout-toggle"></a>
                            <ul class="flyout"><!-- Flyout Menu -->
                                <li class="has-flyout"><a href="temas/integral-Indefinida.html">Integral Indefinida</a></li>
                                <li class="has-flyout"><a href="blog_single.html">Integral Definida</a></li>
                                <li class="has-flyout"><a href="products-page.html">Aplicaciones Integral</a></li>
                            </ul> 
                        </li><!-- END Flyout Menu -->
                        <li ><a href="index.html">Creditos</a></li>
                    </ul>
                    <script type="text/javascript">
                        //<![CDATA[
                        $('ul#menu-header').nav - bar();
                        //]]>
                    </script>
                </div>  
            </div>
        </nav>
        <!-- ######################## Header ######################## -->
        <header>
            <h1 class="heading_supersize">Matematicas Interactivas Unillanos</h1>
            <h2 class="welcome_text">Aprende Matematicas de forma Fácil</h2>    
        </header>

        <!-- ######################## Section ######################## -->
        <section  class="section_red">
            <div class="row"> 
                <h2 style="color:white;">Tematicas por aprender</h2>
                <div class="row" style="padding-top: 20px">
                    <div class="four columns">
                        <a href="#" ><img src="images/int-indefinida.jpg" style="width:100%"  alt="integral indefinida matematicas" /></a>
                    </div>
                    <div class="four columns">
                        <a href="#" ><img src="images/int-definida.jpg" style="width:100%"  alt="integral definida matematicas" /></a>
                    </div>
                    <div class="four columns">
                        <a href="#" ><img src="images/aplicaciones_1.jpg" style="width:100%"  alt="aplicaciones integral matematicas" /></a>
                    </div>
                </div>
        </section>
        <section class="section_light">

            <div class="row">

                <div class="four columns">
                    <h3><span class="dropcap_red lsf-icon-dropcap" title="camera"></span> Ejercicios Gráficos</h3>
                    <p>Aprenda matematicas de una forma más grafica e interactiva</p>
                </div>


                <div class="four columns">
                    <h3><span class="dropcap_black lsf-icon-dropcap" title="cloud"></span> Nuevos Ejercicios</h3>
                    <p>Disfrute de nuevos ejemplos, ejercicios y test que le ayuden a evaular su aprendizaje</p>
                </div>


                <div class="four columns">
                    <h3><span class="dropcap_black lsf-icon-dropcap" title="video"></span> Video Tutoriales</h3>
                    <p>Una y otra vez vas a poder ver los ejemplos y ejercicios de Matematicas</p>
                </div>

            </div>

        </section>

        <!-- ######################## Section ######################## -->




        <!-- ######################## Footer ######################## -->  

        <footer>

            <div class="row">

                <div class="twelve columns footer"> 
                    <div class="fb-like" data-href="http://developers.facebook.com/docs/reference/plugins/like" data-width="550" data-layout="button_count" data-show-faces="false" data-send="false" style="margin-right: 25px;"></div>
                    <a href="https://twitter.com/share" class="twitter-share-button" data-lang="es" data-size="large">Twittear</a>
                    <div class="g-plusone"></div>
                    <script>!function(d, s, id) {
                            var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                            if (!d.getElementById(id)) {
                                js = d.createElement(s);
                                js.id = id;
                                js.src = p + '://platform.twitter.com/widgets.js';
                                fjs.parentNode.insertBefore(js, fjs);
                            }
                        }(document, 'script', 'twitter-wjs');</script>
                    <!-- Inserta esta etiqueta después de la última etiqueta de Botón +1. -->
                    <script type="text/javascript">
                        window.___gcfg = {lang: 'es'};

                        (function() {
                            var po = document.createElement('script');
                            po.type = 'text/javascript';
                            po.async = true;
                            po.src = 'https://apis.google.com/js/plusone.js';
                            var s = document.getElementsByTagName('script')[0];
                            s.parentNode.insertBefore(po, s);
                        })();
                    </script>
                </div>

            </div>

        </footer>		  

        <!-- ######################## Scripts ######################## --> 

        <!-- Included JS Files (Compressed) -->
        <script src="javascripts/foundation.min.js" type="text/javascript"></script> 
        <!-- Initialize JS Plugins -->
        <script src="javascripts/app.js" type="text/javascript"></script>
    </body>
</html>